<template>
  <div class="user">
    <!--    <my-bread-crumb :menus="['业务桌面','用户管理']"></my-bread-crumb>-->
    <el-tabs v-model="activeName">
      <!--      服务商列表-->
      <el-tab-pane label="服务商管理" name="服务商管理">
        <service-provider></service-provider>
      </el-tab-pane>
      <!--   采买用户列表   -->
      <el-tab-pane label="采买用户管理" name="采买用户管理">
        <purchasing-user></purchasing-user>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import MyBreadCrumb from "@/components/MyBreadCrumb";
import ServiceProvider from "@/views/business/user/ServiceProvider";
import PurchasingUser from "@/views/business/user/PurchasingUser";
export default {
  name: "User",
  components:{PurchasingUser, ServiceProvider, MyBreadCrumb},
  data(){
    return{
      activeName: '服务商管理'
    }
  }
}
</script>

<style scoped>
.user{
  height: 100%;
}
.el-card{
  height: calc(100% - 27px);
}
</style>
